<template>
  <div>
    <img v-if="status === 1" src="./img/绿.png"/>
    <img v-else-if="status === 2" src="./img/灰.png"/>
    <img v-else src="./img/橙.png"/>
    <span v-if="title" class="title">{{ title }}</span>
  </div>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: "",
    },
    status: {
      type: Number,
      default: 1,
    },
  }
  
};
</script>
<style scoped>
.title {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 600;
  position: relative;
  top: -20px;
  left:-480px;
}
</style>